<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">

<head>
    <title>全部分类</title>
    <shopheader th:replace="shopheader"></shopheader>
    <link href="shop/css/sortstyle.css" rel="stylesheet" type="text/css"/>
</head>

<body>
<!--navigator-->
<navigator th:replace="top-nav-search"></navigator>
<!--body-->
<div id="nav" class="navfull">
    <div class="area clearfix">
        <div class="category-content" id="guide_2">
            <div class="long-title">
                <span class="all-goods">全部分类</span>
                <span id="meauBack"><a href="/">返回</a></span>
            </div>
            <div class="category">
                <!--category list-->
                <ul class="category-list" id="js_climit_li">
                    <li th:each="category,i:${categories}"
                        th:class="${i.index}?'appliance js_toggle relative first':'appliance js_toggle relative first selected'">
                        <div class="category-info">
                            <h3 class="category-name b-category-name">
                                <a class="ml-22" th:text="${category.name}"></a>
                            </h3>
                            <em>&gt;</em>
                        </div>
                        <div class="menu-item menu-in top">
                            <div class="area-in">
                                <div class="area-bg">
                                    <div class="menu-srot">
                                        <!--recommend-->
                                        <!--Should be fixed!-->
                                        <div class="brand-side"><!-- th:remove="${i.count} gt 1?all"-->
                                            <dl class="dl-sort">
                                                <dt><span>为您推荐</span></dt>
                                                <a th:href="'introduction/'+${recommend.id}"><img
                                                        th:src="${recommend.image_url}"></a>
                                            </dl>
                                        </div>
                                        <div class="sort-side">
                                            <dl class="dl-sort">
                                                <dt><span th:text="${category.name}"></span></dt>
                                                <dd th:each="${category.son}?c,i:${category.son}">
                                                    <a th:href="'/search/'+${c.name}+'&'+${c.id}+'&'+${c.parent}">
                                                        <span th:text="${c.name}"></span>
                                                    </a>
                                                </dd>
                                            </dl>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <b class="arrow"></b>
                    </li>
                </ul>
            </div>
        </div>

    </div>
</div>
<script type="text/javascript">
    $(document).ready(function () {
        $("li").click(function () {
            $(this).addClass("selected").siblings().removeClass("selected");
        })
    })
</script>
<div class="clear"></div>
<!--引导 -->
<div class="navCir">
    <li><a href="/"><i class="am-icon-home "></i>首页</a></li>
    <li class="active"><a href="/sort"><i class="am-icon-list"></i>分类</a></li>
    <li><a href="/shopcart.html"><i class="am-icon-shopping-basket"></i>购物车</a></li>
    <li><a href="/shop/person/index.html"><i class="am-icon-user"></i>我的</a></li>
</div>
</body>

</html>